.siderItem {
  // border-left: 3px solid #fff;
  border-bottom: 1px solid @border-color-base;
  &.activeSiderItem {
    // border-left: 3px solid @primary-color;
    background: #fafafa;
  }
  .siderInner {
    padding: 16px 24px;
  }
}
.siderItemContent {
  margin-top: 8px;
  :global {
    .column-prefix {
      text-align: right;
    }
    .column-wrap {
      margin-bottom: 4px;
    }
  }
}
.read,
.unread {
  position: absolute;
  margin-left: -10px;
}
.read {
  &::before {
    border-color: transparent;
  }
}
.header {
  position: relative;
  display: flex;
  .titleWrap {
    display: flex;
    flex: 1;
    overflow: hidden;
  }
  .title {
    color: @heading-color;
    font-size: 16px;
    font-weight: bold;
    margin-right: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-shrink: 1;
    white-space: nowrap;
  }
  .status {
    white-space: nowrap;
  }
  .time {
    color: #b8b8b8;
    margin-left: 16px;
    white-space: nowrap;
  }
}

.summaryItem {
  color: #314659;
}